body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #313030;
	background-color: #027fcf;
	background-image: url(#{resource['images/top-rept.jpg']});
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea {
	padding: 0px;
	margin: 0px;
}
p{
   margin: 1em 0px;
   line-height: 1.2em;   
}
a {
	color: #072FCF;
	text-decoration: underline;
}
a:hover {
	color: #072FCF;
	text-decoration: none;
}
.main-out {
	background-image: url(#{resource['images/trans.png']});
	background-repeat: repeat-y;
	background-position: center top;
	width: 100%;
	float: left;
}
.main {
	width: 1000px;
	margin: 0px auto;
}
.page {
	width: 1000px;
	float: left;
	padding: 42px 0px 0px 0px;
}
.top {
	background-color: #f6f7f7;
	width: 980px;
	float: left;
	padding: 0px 10px 10px 10px;
}
.header {
	width: 980px;
	float: left;
        position: relative;
}
.header-top {
	background-image: url(#{resource['images/header-top.jpg']});
	background-repeat: no-repeat;
	background-position: left top;
	width: 980px;
	height: 87px;
	float: left;
        
}
.header .link-top{
    position: absolute;
    top:5px;
    right: 10px;
}
.header .link-top ul li{ float: left; margin-left: 10px; list-style: none;}
.header-top h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 35px;
	font-weight: normal;
	line-height: 87px;
	color: #676767;
	float: left;
	margin-left: 66px;
}
.header-top h1 span {
	color: #1da5ea;
}
.header-top p {
	font-size: 12px;
	font-weight: bold;
	color: #878585;
	float: right;
	margin-top: 46px;
	margin-right: 80px;
}
.topmenu {
	background-image: url(#{resource['images/menubg.jpg']});
	background-repeat: repeat-x;
	width: 978px;
	height: 37px;
	float: left;
	border: 1px solid #000000;
}
.topmenu ul {
	width: 100%;
	height: 37px;
	list-style-type: none;
}
.topmenu ul li {
	height: 37px;
	float: left;
	padding-right: 24px;
	padding-left: 24px;
}
.topmenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 37px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 37px;
	float: left;
	padding-right: 21px;
	padding-left: 21px;
}
.topmenu ul li a:hover {
	background-image: url(#{resource['images/menu-hov.jpg']});
	background-repeat: repeat-x;
	background-position: left top;
}
.header-img {        
	background-image: url(#{resource['images/header.jpg']});
	background-repeat: no-repeat;
	background-position: left top;
	width: 980px;
	height: 213px;
	float: left;
}
.header-img h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 211px;
	color: #FFFFFF;
	margin-left: 98px;
}
.content {
	background-image: url(#{resource['images/body-rept.jpg']});
	background-repeat: repeat-x;
	background-position: left top;
	width: 980px;
	float: left;
	padding-top: 8px;
}
.content-left {
	width: 739px;
	float: left;
}
.row1 {
	width: 739px;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d4d5d5;
}
.img {
	float: left;
}
.welcome {
	width: 562px;
	float: right;
}
.padding10{
    padding: 10px;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #989b9c;
	margin-bottom: 20px;
}
.title span {
	color: #686868;
}
.copyright {
	border: 0px;
	height: 1px;
	width: 1px;
}
.row2 {
	background-color: #e8eae9;
	width: 737px;
	height: 216px;
	float: left;
	border: solid 1px #dbdada;
}
.section1 {
	width: 330px;
	height: 176px;
	float: left;
	padding: 20px;
}
.section2 {
	background-image: url(#{resource['images/section-bg.jpg']});
	background-repeat: no-repeat;
	background-position: left top;
	width: 327px;
	height: 176px;
	float: left;
	padding: 20px;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #0b90d6;
	margin-bottom: 15px;
}
a.more {
	font-size: 12px;
	line-height: 25px;
	color: #4d4e4e;
	text-decoration: none;
	background-image: url(#{resource['images/more-btn.jpg']});
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	display: block;
	width: 80px;
	height: 25px;
	padding-left: 10px;
}
a.more:hover {
	color: #0b90d6;
}
.content-right {
	background-color: #d6d6d6;
	background-image: url(#{resource['images/sidebarbg.jpg']});
	background-repeat: repeat-x;
	background-position: left top;
	width: 210px;
	float: right;
	margin-top: 21px;
	border: 1px solid #d9d8d8;
}
.content-right .reservation{
    padding: 10px;
}
.content-right .reservation input[type="text"]{
    width: 98%;
}
.content-right .reservation p{ margin: 5px 0px;}

.content-right .reservation textarea{
    width: 98%;
    
}
.content-right h2 {
	font-size: 22px;
	font-weight: normal;
	color: #0b90d6;
	margin-top: 20px;
	margin-bottom: 16px;
        text-align: center;
}
.content-right ul {
	list-style-type: none;
}
.content-right ul li {
	background-image: url(#{resource['images/bullet.gif']});
	background-repeat: no-repeat;
	background-position: 23px center;
	padding-left: 45px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cbcccc;
}
.content-right ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e3d3d;
	text-decoration: none;
	text-align: left;
	display: block;
}
.content-right ul li a:hover {
	color: #0b90d6;
}
.bottom {
	background-image: url(#{resource['images/footer.jpg']});
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width: 1000px;
	height: 110px;
	float: left;
}
.bottom ul {
	margin-top: 30px;
	list-style-type: none;
}
.bottom ul li {
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.bottom ul li a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
}
.bottom ul li a:hover {
	text-decoration: underline;
}
.bottom p {
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 40px;
}
.bottom a {
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 40px;
}
.bottom a:hover {
	text-decoration: none;
}
.detail .thumb{
    width: 30%;
    float: left;    
}
.detail .thumb img{ width: 100%;
height: auto;}
.detail .bref{
    width: 65%;
    float: right;
}
.detail label{
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: #5494AF;
}
.detail .description h3{
    border-bottom: 2px solid #5494AF;
    padding-bottom: 5px;
    font-size: 16px;
}
.clear{clear:both;}
.main table {
	border-top: 1px solid #ddd;
	width: 700px;
}

.main table tr td,.main table tr th {
	background: #f6f6f6;
	padding: 0px 20px;
	height: 29px;
	line-height: 29px;
	border-bottom: 1px solid #ddd;
}
.main table tr th{
    background: #f8f8f8;
    text-align: center;
}
.main table tr.odd td {
	background: #fbfbfb;
}

.main table tr:hover td { background: #fdfcf6; }

.main table .action {
	text-align: right;
	padding: 0 20px 0 10px;
}

.main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; }
.main table tr:hover .action .edit { color: #c5a059; }
.main table tr:hover .action .delete { color: #a02b2b; }
.main table tr:hover .action .view { color: #55a34a; }

.main table tr:hover .action a:hover { text-decoration: underline; }
.info, .success, .warning, .error, .validation {
    /*border: 1px solid;*/
    margin: 10px 0px;
    /*padding:15px 10px 15px 50px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 10px center;*/
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    /*background-image: url('info.png');*/
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    /*background-image:url('success.png');*/
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    /*background-image: url('warning.png');*/
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    /*background-image: url('error.png');*/
}